import { StyleSheet, PixelRatio, Dimensions } from "react-native"
import { style } from '../../../../theme/style';
import { GLOBAL } from '../../../../config/global';
const scale = GLOBAL.SCALE;

export const orderBaseStyle = StyleSheet.create({
	container: {
		flex: 1,
		backgroundColor: style.color.bgGray,
		paddingLeft: 15 * scale,
		paddingRight: 15 * scale,
	},
	row: {
		flexDirection: 'row',
		alignItems: 'center',
		justifyContent: 'center'
	},
	row2: {
		flexDirection: 'row',
		alignItems: 'center',
		justifyContent: 'flex-end'
	},
	box: {
		backgroundColor: style.color.white,
		borderRadius: 4 * scale,
		marginBottom: 30 * scale,
		paddingTop: 5 * scale,
	},
	box2: {
		paddingTop: 10 * scale,
		paddingBottom: 15 * scale,
	},
	box3: {
		marginTop: 15 * scale,
		paddingBottom: 5 * scale,
	},
	scrollview: {
		paddingBottom: 65 * scale,
		height: '100%'
	},
	notgood: {
		fontSize: 14 * scale,
		color: '#666',
		paddingTop: 10 * scale,
		paddingBottom: 10 * scale,
		paddingLeft: 13 * scale,
		paddingRight: 10 * scale,
	},
	btnBox: {
		flexDirection: 'row',
		alignItems: 'center',
		justifyContent: 'center',
		position: 'absolute',
		bottom: 15 * scale,
		left: 0,
		width: '100%',
	},
	btnBoxNext: {
		marginLeft: 20 * scale
	},
	address: {
		fontSize: 13 * scale,
		color: '#272727',
		paddingTop: 10 * scale,
		paddingBottom: 10 * scale,
		backgroundColor: '#F4F7FE',
		padding: 8 * scale,
		borderRadius: 4 * scale,
		borderWidth: 1 / PixelRatio.get(),
		borderColor: '#efefef',
		marginLeft: 13 * scale,
		marginRight: 10 * scale,
		width: 315 * scale,
		flexWrap: 'wrap'
	},
	boxBottom: {
		paddingBottom: 15 * scale
	},
	billDetail: {
		color: style.color.themeColor
	},
	labelStyle: {
		fontSize: 12 * scale
	},
	fklxBox: {
		paddingLeft: 80 * scale
	},
	radioBoxTop: {
		paddingTop: 0 * scale
	},
	zhangqi: {
		paddingLeft: 10 * scale,
		paddingBottom: 15 * scale
	},
	trust: {
		color: '#F66464',
	},
	feeBox: {
		flexDirection: 'row',
		alignItems: 'center',
		paddingLeft: 13 * scale,
		//justifyContent: 'center',
		paddingTop: 8 * scale,
		paddingBottom: 8 * scale
	},
	feeBoxLeft: {
		width: 110 * scale,
		marginRight: 10 * scale
	},
	feeBoxRight: {
		fontWeight: 'bold',
		color: '#222'
	},
	pd8: {
		paddingTop: 8 * scale,
		paddingBottom: 8 * scale
	},
	feeDanwei: {
		paddingLeft: 5 * scale
	},
	goodsBox: {
		marginLeft: 10 * scale,
		marginRight: 10 * scale,
		paddingBottom: 15 * scale
	},
	goodsRow: {
		flexDirection: 'row',
		alignItems: 'center',
		justifyContent: 'space-between'
	},
	goodsRowActive: {
		marginTop: 10 * scale
	},
	goodsZhi: {
		flexDirection: 'row',
		alignItems: 'center',
		//paddingLeft: 13 * scale
	},
	goodsText: {
		paddingRight: 8 * scale
	},
	goodsTextC: {
		width: 60 * scale
	},
	goodsBold: {
		fontWeight: 'bold',
		color: '#222'
	},
	goodsRemove: {
		paddingRight: 10 * scale,
		color: 'red',
		fontSize: 14 * scale
	},
	goodsPrice: {
		backgroundColor: '#e7f3fe',
		color: style.color.themeColor,
		paddingLeft: 5 * scale,
		paddingRight: 5 * scale,
		paddingTop: 3 * scale,
		paddingBottom: 3 * scale,
		marginRight: 8 * scale,
		fontSize: 10 * scale
	},
	goodsPrice2: {
		backgroundColor: '#feece7',
		color: '#fa5125',
		paddingLeft: 5 * scale,
		paddingRight: 5 * scale,
		paddingTop: 3 * scale,
		paddingBottom: 3 * scale,
		marginRight: 8 * scale,
		fontSize: 10 * scale
	},
	goodsXian: {
		borderBottomWidth: 1 / PixelRatio.get(),
		borderBottomColor: '#efefef',
	},
	goodsLabel: {
		fontWeight: 'bold',
		marginLeft: -22 * scale
	},
	goodsIconBox: {
		borderRadius: 4 * scale,
		width: 16 * scale,
		height: 16 * scale,
		marginRight: 8 * scale,
	},
	goodsIcon: {
		lineHeight: 16 * scale,
		color: '#fff',
		textAlign: 'center',
		fontSize: 10 * scale,
	},
	goodsBuy: {
		backgroundColor: '#F5A623'
	},
	goodsSell: {
		backgroundColor: '#417505'
	},
	totalBox: {
		marginBottom: 30 * scale
	},
	total: {
		textAlign: 'right',
		paddingTop: 5 * scale,
		fontSize: 14 * scale
	},
	totalMoney: {
		color: 'red'
	},
	lostRate: {
		position: 'absolute',
		zIndex: 10,
		left: 210 * scale,
		alignItems: 'center',
		paddingLeft: 15 * scale,
		bottom: 10 * scale,
		width: 100 * scale,
		height: 20 * scale,
		flexDirection: 'row',
		borderRadius: 8 * scale,
		borderWidth: 1 / PixelRatio.get(),
		borderColor: '#0087ff'
	},
	standard: {
		color: 'red',
		fontSize: 12 * scale,
		paddingLeft: 10 * scale,
		height: 12 * scale,
		lineHeight: 12 * scale,
		width: 40 * scale
	},
	radioBox: {
		flexDirection: 'row',
		paddingTop: 15 * scale
	},
	radioTitle: {
		fontSize: 14 * scale,
		color: '#333',
		//paddingBottom: 15 * scale,
		paddingLeft: 10 * scale,
		paddingRight: 15 * scale,
		width: 85 * scale,
		marginLeft: 15 * scale,
	},
	khzj: {
		flexDirection: 'row',
		flexWrap: 'wrap',
		paddingLeft: 23 * scale,
		paddingTop: 5 * scale,
		paddingBottom: 15 * scale
	},
	statusStyle: {
		flex: 1,
		position: 'absolute',
		height: '100%',
		width: Dimensions.get('window').width,
		top: 0,
		left: 0,
		flexDirection: 'column',
		justifyContent: 'center',
		alignItems: 'center'
	},
	textStyle: {
		width: 85 * scale
	},
	gun: {
		paddingLeft: 3 * scale,
		paddingRight: 3 * scale,
	},
	accountDay: {
		fontSize: 12 * scale,
		height: 12 * scale,
		lineHeight: 12 * scale,
		marginBottom: 15 * scale,
		paddingLeft: 23 * scale,
	},
	activeFonts: {
		fontSize: 14 * scale,
		color: '#272727',
		fontWeight: 'bold'
	},
	iconTop: {
		paddingTop: 0 * scale,
	},
	top10: {
		marginTop: 10 * scale
	},
	fontSize14: {
		fontSize: 14 * scale
	},
	disableStyle: {
		opacity: .5
	},
	zxpj: {
		fontSize: 13 * scale,
		paddingRight: 35 * scale,
		color: '#777',
		textAlign: 'right'
	},
	showOrderTipBox: { flexDirection: 'row', alignItems: 'center', position: 'relative' },
	showOrderTip: {
		fontSize: 9 * scale,
		color: style.color.fontRed1,
		marginLeft: -80 * scale,
		position: 'absolute',
		left: 0 * scale
	}
})
export const orderBlockStyle = StyleSheet.create({
	statusStyle: {
		flex: 1,
		position: 'absolute',
		height: '100%',
		width: Dimensions.get('window').width,
		top: 0,
		left: 0,
		flexDirection: 'column',
		justifyContent: 'center',
		alignItems: 'center'
	},
});
export const toggleBtnStyle = StyleSheet.create({
	listItemActive: {
		flexDirection: 'row',
		alignItems: 'center',
		height: 27 * scale,
		marginTop: 17 * scale,
	},
	keyText: {
		fontSize: 12 * scale,
		color: style.color.darkGray,
		marginRight: 30 * scale
	},
	unCheckText: {
		width: 97 * scale,
		height: 27 * scale,
		lineHeight: 27 * scale,
		textAlign: 'center',
		borderRadius: 4 * scale,
		backgroundColor: '#DDDDDD',
		color: '#8B8B8B',
		overflow: 'hidden',
		marginRight: 8 * scale,
	},
	checkedText: {
		width: 97 * scale,
		height: 27 * scale,
		lineHeight: 27 * scale,
		textAlign: 'center',
		borderRadius: 4 * scale,
		backgroundColor: '#0087FF',
		color: style.color.white,
		overflow: 'hidden',
		marginRight: 8 * scale,
	},
	top10: {
		marginTop: 10 * scale
	}
})
